<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<title>W商城</title>
		<link rel="stylesheet" href="css/app.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/home.css" />
		<link rel="stylesheet" href="css/goods.css" />
		<link rel="stylesheet" href="css/category.css" />
		<link rel="stylesheet" href="css/cart.css" />
		<link rel="stylesheet" href="css/user.css" />
		<link rel="stylesheet" href="css/form.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="js/layer/layer.css" />
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript" src="js/util/jquery-3.5.1.min.js"></script>
		<script type="text/javascript" src="js/util/app.js"></script>
		<script type="text/javascript" src="js/util/swiper.min.js"></script>

		<script type="text/javascript" src="js/mock/banner.js"></script>
		<script type="text/javascript" src="js/mock/goods.js"></script>
		<script type="text/javascript" src="js/biz/index/home.js"></script>

		<script type="text/javascript" src="js/mock/category.js"></script>
		<script type="text/javascript" src="js/biz/goods/category.js"></script>

		<script type="text/javascript" src="js/mock/cart.js"></script>
		<script type="text/javascript" src="js/biz/index/cart.js"></script>
		<script type="text/javascript" src="js/biz/index/user.js"></script>

		<script type="text/javascript" src="js/biz/index/index.js"></script>
	</head>
	<body>
		<div class="page">
			<section class="tab_content">
				<div class="swiper-container swiper_fragment">
					<div class="swiper-wrapper" id="swiper_fragment">
						<!-- 首页 -->
						<div class="swiper-slide swiper-no-swiping">
							<div style="height: 100%;display: flex;flex-direction: column;">

								<section class="search_box">
									<span class="header_location" style="margin-right: 1rem;" id="location">广州市</span>
									<div class="search_bar">
										<img src="img/ic_search.png" style="margin-right: 1rem;" />关键字搜索
									</div>
								</section>

								<section style="overflow-y: scroll;">
									<section class="home_banner">
										<div class="swiper-container swiper_banner">
											<div class="swiper-wrapper" id="banner_box"></div>
											<div class="swiper-pagination pagination_banner"></div>
										</div>
									</section>

									<section class="home_banner">
										<div class="swiper-container swiper_tag">
											<div class="swiper-wrapper" id="tag_list"></div>
											<!-- <div class="swiper-pagination pagination_tag"></div> -->
										</div>
									</section>

									<div class="swiper-container swiper_goods">
										<div class="swiper-wrapper" id="goods_list"></div>
										<div class="swiper-pagination pagination_goods"></div>
									</div>
								</section>

							</div>

						</div>
						<!-- 分类 -->
						<div class="swiper-slide swiper-no-swiping">
							<div style="height: 100%;display: flex;flex-direction: column;position: relative;">

								<section class="search_panel" id="panel">

									<div class="search_container">

										<div class="search_body">

											<div class="search_row">品牌：
												<div class="search_input_body">
													<div class="search_input_bar" id="pick_brand">
														<input placeholder="请选择" class="search_input" readonly
															id="brand_name" />
														<img src="img/ic_down.png" class="search_icon_right" />
													</div>
													<div class="search_option_box" id="brands"></div>
												</div>
											</div>
											<div class="search_row">价格：
												<div class="search_input_body">
													<div class="search_input_bar" id="pick_price">
														<input placeholder="请选择" class="search_input" readonly
															id="price_name" />
														<img src="img/ic_down.png" class="search_icon_right" />
													</div>
													<div class="search_option_box" id="prices"></div>
												</div>
											</div>
											<div class="search_row">颜色：
												<div class="search_input_body">
													<div class="search_input_bar" id="pick_color">
														<input placeholder="请选择" class="search_input" readonly
															id="color_name" />
														<img src="img/ic_down.png" class="search_icon_right" />
													</div>
													<div class="search_option_box" id="colors"></div>
												</div>
											</div>
										</div>

										<div class="search_row" id="option_btn">
											<button class="search_btn">关闭</button>
											<button class="search_btn reset">重置</button>
											<button class="search_btn confirm">确定</button>
										</div>

									</div>

								</section>

								<section class="search_box">
									<div class="search_bar">
										<img src="img/ic_search.png" style="margin-right: 1rem;" />关键字搜索
									</div>
									<span class="header_location" style="margin-left: 1rem;" id="shaixuan">筛选</span>
								</section>
								<div class="loading_layout" id="load_layout_category">
									<div class="spinner" id="loading_category">
										<div class="bounce1"></div>
										<div class="bounce2"></div>
										<div class="bounce3"></div>
									</div>
									<img id="state_img_category" class="state_img" src="./img/ic_empty.png" />
									<span id="state_text_category" class="state_text">正在加载...</span>
								</div>
								<div class="category_container" id="category_container">
									<section class="category_child" id="category_tag"></section>
									<section class="category_child category_content">
										<div id="category_list"></div>
									</section>
								</div>

							</div>
						</div>
						<div class="swiper-slide swiper-no-swiping">

							<div class="cart_page">

								<div class="loading_layout" id="load_layout_cart" style="display: none;">
									<img class="state_img" src="./img/ic_empty.png" style="display: block;" />
									<span class="state_text"
										style="border: 1px solid #e2e2e2;border-radius: 3rem;padding: 1rem;color: #999;">购物车空空如也，马上去逛逛</span>
								</div>

								<section class="cart_header">
									<span class="tips">你共选择<span
											style="font-size: 1.6rem;color: green;font-weight: bold;"
											id="quilty">0</span>件商品</span>
									<span class="btn" id="cart_edit">编辑</span>
								</section>
								<div class="cart_body">
									<div id="cart_list"></div>
								</div>

								<section class="cart_footer">
									<label class="custom-checkbox">
										<input type="checkbox" class="check_all" />
										<span class="checkmark"></span>
										全选
									</label>
									<div class="total_box">
										<div class="total_box_row">
											<span class="title">总计</span>
											<span class="unit">¥</span>
											<span class="price" id="total">0</span>
											<span class="des">(不含运费)</span>
										</div>
										<div class="total_box_des">已优惠:0</div>
									</div>

									<div class="settlement">
										去结算
									</div>
								</section>
							</div>
						</div>
						<div class="swiper-slide swiper-no-swiping">
							<div class="user_center_page">
								<img src="https://cdn-we-retail.ym.tencent.com/miniapp/template/user-center-bg-v1.png"
									class="user_center_bg" />
								<div class="user_center_body">
									<div class="user_center_info" id="user_info">
										<img src="" class="avatar" id="avatar" />
										<span id="name"></span>
									</div>
									<div class="user_center_order">
										<div class="user_center_row" id="all_order">
											<span style="font-weight: bold;font-size: 1.6rem;">我的订单</span>
											<div class="user_row">
												<span>全部订单</span>
												<img src="img/ic_right.png" class="right_icon" />
											</div>
										</div>
										<div class="user_center_row" style="margin-top: 2rem;" id="order_tag"></div>
									</div>
									<div class="user_center_order">
										<div class="user_center_row" id="menu_address">
											<span>收货地址</span>
											<img src="img/ic_right.png" class="right_icon" />
										</div>
										<div class="user_center_row m_top" id="menu_coupon">
											<span>优惠券</span>
											<div class="user_row">
												<span class="right_text" id="num_coupon"></span>
												<img src="img/ic_right.png" class="right_icon" />
											</div>
										</div>
										<div class="user_center_row m_top" id="menu_point">
											<span>积分</span>
											<div class="user_row">
												<span class="right_text" id="num_point"></span>
												<img src="img/ic_right.png" class="right_icon" />
											</div>
										</div>
									</div>

									<div class="user_center_order">
										<div class="user_center_row" id="menu_help">
											<span>帮助中心</span>
											<img src="img/ic_right.png" class="right_icon" />
										</div>
										<div class="user_center_row m_top" id="menu_questionnaire">
											<span>调查问卷</span>
											<img src="img/ic_right.png" class="right_icon" />
										</div>
										<div class="user_center_row m_top" id="menu_service">
											<span>客服热线</span>
											<img src="img/ic_service.png" class="right_icon" />
										</div>
									</div>
									<div class="user_center_version">当前版本：1.0</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</section>
			<div class="tabbar" id="tabbar"></div>
		</div>
	</body>
</html>
